<template>
	<view class="main">
		

		<view class="content">
			<view class="bg-videos">
				<view class=""><text class="title">石家庄支队正规化建设经验汇报材料</text></view>
				<view class="" @click="goTuce(7)"><image src="http://oss.91xiaokong.com/fireControl/jingyanjiaoliu/7.png" class="video" mode=""></image></view>
			</view>
		</view>
		<view class="content">
			<view class="bg-videos">
				<view class=""><text class="title">邢台支队正规化建设经验汇报材料</text></view>
				<view class="" @click="goTuce(6)"><image src="http://oss.91xiaokong.com/fireControl/jingyanjiaoliu/6.png" class="video" mode=""></image></view>
			</view>
		</view>
		<view class="content">
			<view class="bg-videos">
				<view class=""><text class="title">石家庄支队正规化建设工作纪实短片</text></view>
				<video class="video" src="http://oss.91xiaokong.com/fireControl/mp4/3.mp4" controls></video>
			</view>
		</view>
		<view class="content">
			<view class="bg-videos">
				<view class=""><text class="title">邢台支队正规化建设工作纪实短片</text></view>
				<video class="video" src="http://oss.91xiaokong.com/fireControl/mp4/4.mp4" controls></video>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onShow() {
		uni.showLoading({});
		setTimeout(function() {
			uni.hideLoading();
		}, 500);
	},
	methods: {
		goTuce(index) {
			uni.navigateTo({
				url: '../tuce/tuce?index=' + index
			});
		}
	}
};
</script>

<style>
.title {
	font-size: 30rpx;
	font-weight: 400;
	color: #00ffff;
	line-height: 50rpx;
}

.video {
	height: 366rpx;
	width: 616rpx;
}

.bg-videos {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: url('http://oss.91xiaokong.com/fireControl/video/2.png');
	background-size: 100% 100%;
	height: 485rpx;
	width: 702rpx;
	z-index: 1;
}

.content {
	padding-top: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
}

page {
	height: 100%;
}

.main {
	background-image: url('http://oss.91xiaokong.com/fireControl/video/1.png');
	background-size: 100% 100%;
	background-repeat: repeat;
}
</style>
